<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>利用为元素做背景图标</title>
    <style>
        ul{
            margin:0;
            padding: 0;
            background-color: bisque;
        }
        li{
            color:white;
            font-size:25px;
            width:500px;
            height:60px;
            background-color: pink;
            margin-top:10px;
            list-style: none;
            background:url(u=3568337888,1727207857&fm=27&gp=0.jpg) no-repeat 0 0;
            background-size: 50px 50px;
            line-height: 60px;
            text-indent: 60px;
            text-shadow: -1px -1px 3px rgba(0,0,0,0.5);
        }

    </style>
</head>
<body>
<ul>
    <li>link1</li>
    <li>link2</li>
    <li>link3</li>
</ul>
<script>

</script>
</body>
</html>